<template>
  <div>
    <el-dropdown trigger="click">
      <div>
        <div class="tip" v-if="isShow"></div>
        <svg-icon icon-class="warn"  style="width: 20px;height:20px;"/>
      </div>
    </el-dropdown>

  </div>
</template>

<script>
export default {
  name: 'RuoYiDoc',
  props: {
    isWarn: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      tableData: [],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 5,
        processState:0,
        deviceNow:'查询今天',
        orderByColumn: 'warnTime',
        isAsc: 'desc',
      },
      isShow:false,
    }
  },
  watch:{
    isWarn(){
      this.isShow=true;
    }
  },
  created() {
  },
  methods: {
  }
}
</script>
<style scoped>
.warnClick {
  width: 80%;
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  margin-left: 10%;
  margin-top: 10px;
  border: 1px solid #21cc96;
  cursor: pointer;
  color: #21cc96;
  border-color: #21cc96;
}

.warnClick:hover {
  border: 1px dashed #21cc96;
}
.tip {
	display:block;
	background:#f00;
	border-radius:50%;
	width:8px;
	height:8px;
	top:12px;
	right:0px;
	position:absolute;
}

</style>